<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
	<%@ taglib prefix="s" uri="/struts-tags"%>
		<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
			<!DOCTYPE html>
			<html>

			<head>
				<base href="<%=basePath%>">
				<meta charset="utf-8">
				<meta http-equiv="X-UA-Compatible" content="IE=edge">
				<title>立案 管理系统</title>
				<!-- Tell the browser to be responsive to screen width -->
				<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
				<!-- Bootstrap 3.3.5 -->
				<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
				<!-- Font Awesome -->
				<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.css">
				<!-- Ionicons -->
				<!--<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->
				<!-- Theme style -->
				<link rel="stylesheet" href="css/AdminLTE.css">
				<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
				<link rel="stylesheet" href="css/skins/skin-blue.min.css">
				<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.css" />
				<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
				<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
				<!--[if lt IE 9]>
        <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
			</head>

			<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
				<div class="wrapper">

					<!-- Main Header -->
					<header class="main-header">

						<!-- Logo -->
						<a href="/" class="logo">
							<!-- mini logo for sidebar mini 50x50 pixels -->
							<span class="logo-mini"><b>A</b>nt</span>
							<!-- logo for regular state and mobile devices -->
							<span class="logo-lg"><b>Ant</b>Dz</span>
						</a>

						<!-- Header Navbar -->
						<nav class="navbar navbar-static-top" role="navigation">
							<!-- Sidebar toggle button-->
							<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
								<span class="sr-only">Toggle navigation</span>
							</a>
							<!-- Navbar Right Menu -->
							<div class="navbar-custom-menu">
								<ul class="nav navbar-nav">
									<!-- Messages: style can be found in dropdown.less-->
									<li class="dropdown messages-menu">
										<!-- Menu toggle button -->
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-envelope-o"></i>
											<span class="label label-success">4</span>
										</a>
										<ul class="dropdown-menu">
											<li class="header">你有 4 信息</li>
											<li>
												<!-- inner menu: contains the messages -->
												<ul class="menu">
													<li>
														<!-- start message -->
														<a href="#">
															<div class="pull-left">
																<!-- User Image -->
																<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
															</div>
															<!-- Message title and timestamp -->
															<h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
															<!-- The message -->
															<p>Why not buy a new awesome theme?</p>
														</a>
													</li>
													<!-- end message -->
												</ul>
												<!-- /.menu -->
											</li>
											<li class="footer"><a href="#">See All Messages</a></li>
										</ul>
									</li>
									<!-- /.messages-menu -->

									<!-- Notifications Menu -->
									<li class="dropdown notifications-menu">
										<!-- Menu toggle button -->
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-bell-o"></i>
											<span class="label label-warning">10</span>
										</a>
										<ul class="dropdown-menu">
											<li class="header">You have 10 notifications</li>
											<li>
												<!-- Inner Menu: contains the notifications -->
												<ul class="menu">
													<li>
														<!-- start notification -->
														<a href="#">
															<i class="fa fa-users text-aqua"></i> 5 new members joined today
														</a>
													</li>
													<!-- end notification -->
												</ul>
											</li>
											<li class="footer"><a href="#">View all</a></li>
										</ul>
									</li>
									<!-- Tasks Menu -->
									<li class="dropdown tasks-menu">
										<!-- Menu Toggle Button -->
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-flag-o"></i>
											<span class="label label-danger">9</span>
										</a>
										<ul class="dropdown-menu">
											<li class="header">你有 9 任务</li>
											<li>
												<!-- Inner menu: contains the tasks -->
												<ul class="menu">
													<li>
														<!-- Task item -->
														<a href="#">
															<!-- Task title and progress text -->
															<h3>
                            任务进度
                            <small class="pull-right">20%</small>
                          </h3>
															<!-- The progress bar -->
															<div class="progress xs">
																<!-- Change the css width attribute to simulate progress -->
																<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
																	<span class="sr-only">20% Complete</span>
																</div>
															</div>
														</a>
													</li>
													<!-- end task item -->
												</ul>
											</li>
											<li class="footer">
												<a href="#">View all tasks</a>
											</li>
										</ul>
									</li>
									<!-- User Account Menu -->
									<li class="dropdown user user-menu">
										<!-- Menu Toggle Button -->
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<!-- The user image in the navbar-->
											<img src="img/user1-128x128.jpg" class="user-image" alt="User Image">
											<!-- hidden-xs hides the username on small devices so only the image appears. -->
											<span class="hidden-xs">管理员</span>
										</a>
										<ul class="dropdown-menu">
											<!-- The user image in the menu -->
											<li class="user-header">
												<img src="img/user1-128x128.jpg" class="img-circle" alt="User Image">
												<p>
													antdz - Web Developer
													<small>个人简介</small>
												</p>
											</li>
											<!-- Menu Body -->
											<li class="user-body">
												<div class="col-xs-4 text-center">
													<a href="#">Followers</a>
												</div>
												<div class="col-xs-4 text-center">
													<a href="#">Sales</a>
												</div>
												<div class="col-xs-4 text-center">
													<a href="#">Friends</a>
												</div>
											</li>
											<!-- Menu Footer-->
											<li class="user-footer">
												<div class="pull-left">
													<a href="#" class="btn btn-default btn-flat">个人资料</a>
												</div>
												<div class="pull-right">
													<a href="#" class="btn btn-default btn-flat">登出</a>
												</div>
											</li>
										</ul>
									</li>
									<!-- Control Sidebar Toggle Button -->
									<li>
										<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
									</li>
								</ul>
							</div>
						</nav>
					</header>
					<!-- Left side column. contains the logo and sidebar -->
					<aside class="main-sidebar">

						<!-- sidebar: style can be found in sidebar.less -->
						<section class="sidebar">

							<!-- Sidebar user panel (optional) -->
							<div class="user-panel">
								<div class="pull-left image">
									<img src="img/user1-128x128.jpg" class="img-circle" alt="User Image">
								</div>
								<div class="pull-left info">
									<p>管理员</p>
									<!-- Status -->
									<!--<a href="#"><i class="fa fa-circle text-success"></i> Online</a>-->
								</div>
							</div>

							<!-- search form (Optional) -->
							<form action="#" method="get" class="sidebar-form">
								<div class="input-group">
									<input type="text" name="q" class="form-control" placeholder="搜索...">
									<span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
								</div>
							</form>
							<!-- /.search form -->

							<!-- Sidebar Menu -->
							<ul class="sidebar-menu">
								<li class="header">菜单</li>
								<!-- Optionally, you can add icons to the links -->

								<li class="active"><a href="#"><i class="fa fa-home"></i> <span>案件</span></a></li>
								<li><a href="#"><i class="fa fa-legal fa-file-o"></i> <span>案件</span></a></li>
								<li><a href="#"><i class="fa fa-tasks"></i> <span>任务</span></a></li>
								<li><a href="#"><i class="fa fa-calendar"></i> <span>日程</span></a></li>
								<li><a href="#"><i class="fa fa-user"></i> <span>客户</span></a></li>
								<li><a href="#"><i class="fa fa-bell-o"></i> <span>通知</span></a></li>
								<li><a href="#"><i class="fa fa-envelope-o"></i> <span>私信</span></a></li>
								<!--<li class="treeview">
							<a href="#"><i class="fa fa-tasks"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
							<ul class="treeview-menu">
								<li><a href="#">Link in level 2</a></li>
								<li><a href="#">Link in level 2</a></li>
							</ul>
						</li>-->
							</ul>
							<!-- /.sidebar-menu -->
						</section>
						<!-- /.sidebar -->
					</aside>

					<!-- Content Wrapper. Contains page content -->
					<div class="content-wrapper">
						<!-- Content Header (Page header) -->
						<section class="content-header">
							<h1>冲突检测<small>Case</small>
          </h1>
							<ol class="breadcrumb">
								<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
								<li class="active">Here</li>
							</ol>
						</section>

						<!-- Main content -->
						<section class="content">

							<!-- 主要内容显示区 -->

							<div class="row">
								<div class="col-md-8">
									<div class="box box-default">
										<div class="box-header">
											<i class="ion ion-clipboard"></i>
											<h3 class="box-title">冲突检测</h3>
										</div>
										<form action="collisionDetectionSuccess.action" class="form-horizontal" method="post" name="form" id="form">
										<div class="box-body">

												<div class="form-group ant_client" >
													<label for="client" class="col-sm-2 control-label">委托人全称：</label>
													<div class="col-sm-7">
														<input type="text" class="form-control" name="client" maxlength="20">
													</div>
													<div class="col-sm-2">
														<select name="clientType" class="form-control">
															<option value=0>单位</option>
															<option value=1>个人</option>
														</select>
													</div>
													<div class="col-sm-1">
														<a  class="addClient btn btn-primary"><i class="fa fa-plus"></i></a>
													</div>
												</div>
												<div class="form-group ant_clientC">
													<label for="contrayClient" class="col-sm-2 control-label">对方当事人全称：</label>
													<div class="col-sm-7">
														<input type="text" class="form-control"  name="contrayClient" >
													</div>
													<div class="col-sm-2">
														<select name="contrayClientType" class="form-control">
															<option value=0>单位</option>
															<option value=1>个人</option>
														</select>
													</div>
													<div class="col-sm-1">
														<a  class="addContrayClient btn btn-primary" value="+"><i class="fa fa-plus"></i></a>
													</div>
												</div>
											

											<!--<table border="1">
												<tr class="trClient">
													<td class="client" align="right">
														<input type="button" class="addClient" value="+">
													</td>
													<td>
														<input type="text" name="client" maxlength="20">
														<select name="clientType">
															<option value=0>单位</option>
															<option value=1>个人</option>
														</select>
													</td>
												</tr>
												<tr class="trContrayClient">
													<td class="contrayClient" align="right">对方当事人全称：
														<input type="button" class="addContrayClient" value="+">
													</td>
													<td>
														<input type="text" name="contrayClient" maxlength="20">
														<select name="contrayClientType">
															<option value=0>单位</option>
															<option value=1>个人</option>
														</select>
													</td>
												</tr>
											</table>
											<input type="button" value="冲突检测" id="check">
											<input type="button" value="下一步" id="nextstep" onclick="$('#form').submit()">
											<input type="button" value="退出" id="quit" onclick="window.location.href='contain.jsp'">
											<br>-->
											<div id="content"><font size="5" id="message" color="red"></font></div>

										</div>
										<div class="box-footer">
											<div class="btn-group pull-right" role="group" >
												<a class="btn btn-default" id="check"><i class="fa  fa-send-o fa-fw"></i>冲突检测</a>                
												<a class="btn btn-default" id="nextstep" onclick="$('#form').submit()"><i class="fa fa-arrow-right fa-fw"></i>下一步</a>
												<a class="btn btn-default" id="quit" onclick="window.location.href='contain.jsp'">退出</a>
											</div>
										</div>
										</form>
										<!-- /.box-body -->
									</div>
								</div>
								<div class="col-md-4 hidden-xs">
									<div class="box box-primary">
										<div class="box-header">
											<i class="ion ion-clipboard"></i>
											<h3 class="box-title">帮助</h3>
										</div>
										<!-- /.box-header -->
										<div class="box-body">
											帮助显示内容区
										</div>
										<!-- /.box-body -->
									</div>
								</div>
							</div>

							<!-- /主要内容显示区 -->

						</section>
						<!-- /.content -->
					</div>
					<!-- /.content-wrapper -->

					<!-- Main Footer -->
					<footer class="main-footer">
						<!-- To the right -->
						<div class="pull-right hidden-xs">
							德衡律师事务所
						</div>
						<!-- Default to the left -->
						<strong>Copyright &copy; 2015 <a href="#">德衡律师事务所</a>.</strong> All rights reserved.
					</footer>

					<!-- Control Sidebar -->
					<aside class="control-sidebar control-sidebar-dark">
						<!-- Create the tabs -->
						<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
							<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
							<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
						</ul>
						<!-- Tab panes -->
						<div class="tab-content">
							<!-- Home tab content -->
							<div class="tab-pane active" id="control-sidebar-home-tab">
								<h3 class="control-sidebar-heading">Recent Activity</h3>
								<ul class="control-sidebar-menu">
									<li>
										<a href="javascript::;">
											<i class="menu-icon fa fa-birthday-cake bg-red"></i>
											<div class="menu-info">
												<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
												<p>Will be 23 on April 24th</p>
											</div>
										</a>
									</li>
								</ul>
								<!-- /.control-sidebar-menu -->

								<h3 class="control-sidebar-heading">Tasks Progress</h3>
								<ul class="control-sidebar-menu">
									<li>
										<a href="javascript::;">
											<h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
											<div class="progress progress-xxs">
												<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
											</div>
										</a>
									</li>
								</ul>
								<!-- /.control-sidebar-menu -->

							</div>
							<!-- /.tab-pane -->
							<!-- Stats tab content -->
							<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
							<!-- /.tab-pane -->
							<!-- Settings tab content -->
							<div class="tab-pane" id="control-sidebar-settings-tab">
								<form method="post">
									<h3 class="control-sidebar-heading">General Settings</h3>
									<div class="form-group">
										<label class="control-sidebar-subheading">
											Report panel usage
											<input type="checkbox" class="pull-right" checked>
										</label>
										<p>
											Some information about this general settings option
										</p>
									</div>
									<!-- /.form-group -->
								</form>
							</div>
							<!-- /.tab-pane -->
						</div>
					</aside>
					<!-- /.control-sidebar -->
					<!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
					<div class="control-sidebar-bg"></div>
				</div>
				<!-- ./wrapper -->

				<!-- REQUIRED JS SCRIPTS -->

				<!-- jQuery 2.1.4 -->
				<!--<script src="jQuery/jQuery-2.1.4.min.js"></script>-->
				<script src="jQuery/jquery-1.11.2.min.js" type="text/javascript"></script>
				<!-- Bootstrap 3.3.5 -->
				<script src="bootstrap/js/bootstrap.min.js"></script>
				<!-- AdminLTE App -->
				<script src="js/app.min.js"></script>
				<script src="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
			<script>
	$(document)
			.ready(
					function() {
                        var jsonarray = [];
                        $.ajax({
                            type : "POST",
                            url : "getSomeones1.action",
                            traditional : true,
                            dataType : "json",
                            async : true,
                            error : function(request) {

                            },
                            success : function(data) {

                                var json = eval("(" + data + ")");
                                for ( var i = 0; i < json.length; i++) {
                                    jsonarray.push({
                                        label : json[i].label
                                    });
                                }
                            }
                        });
                        var jsonarray1 = [];
                        $.ajax({
                            type : "POST",
                            url : "getSomeones2.action",
                            traditional : true,
                            dataType : "json",
                            async : true,
                            error : function(request) {

                            },
                            success : function(data) {
                                var json = eval("(" + data + ")");
                                for ( var i = 0; i < json.length; i++) {
                                    jsonarray1.push({
                                        label : json[i].label
                                    });
                                }
                            }
                        });

					getclient=function(){
	                			$("input[name='client']").each(function(index){
                                    $("input[name='client']").eq(index).unbind();
                                   $("input[name='client']").eq(index).bind("input propertychange",function(){$("#nextstep").addClass("disabled");});
                                    $("input[name='client']").eq(index).autocomplete({
                                        source:jsonarray
                                    })
                                });

                    }
                        getcontrayClient=function(){
                            $("input[name='contrayClient']").each(function(index){
                                $("input[name='contrayClient']").eq(index).unbind();
                                $("input[name='contrayClient']").eq(index).bind("input propertychange",function(){$("#nextstep").addClass("disabled");});
                                $("input[name='contrayClient']").eq(index).autocomplete({
                                    source:jsonarray1
                                });
                            });

                        }
                        getclient();
                        getcontrayClient();
                          
					$("#nextstep").addClass("disabled");
						$("#check")
								.click(
										function() {
										$("#content").html("<font size='5'id='message'></font>");
											var length = $("input[name='contrayClient']").length;
											 var clientLength = $("input[name='client']").length;
											var clientArray = [];
											for ( var i = 0; i < clientLength; i++) {
												clientArray.push($(
														"input[name='client']")
														.eq(i).val());
											}
											var contrayClientArray = [];
											for ( var i = 0; i < length; i++) {
											for ( var j = 0; j < clientLength; j++) {
												if($(
																"input[name='contrayClient']")
																.eq(i).val()==$(
														"input[name='client']")
														.eq(j).val()&&($(
																"select[name='clientType']")
																.eq(j).val()==$(
																"select[name='contrayClientType']")
																.eq(i).val())){
																$("#message").text("存在委托人与当事人单位全称相同");
																return;
																}
																
											}
												contrayClientArray
														.push($(
																"input[name='contrayClient']")
																.eq(i).val());
											}
											var clientTypeArray = [];
											for ( var i = 0; i < clientLength; i++) {
												clientTypeArray
														.push($(
																"select[name='clientType']")
																.eq(i).val());
											}
											var contrayClientTypeArray = [];
											for ( var i = 0; i < length; i++) {
												contrayClientTypeArray
														.push($(
																"select[name='contrayClientType']")
																.eq(i).val());
											}
											
											for ( var i = 0; i < clientLength; i++) {
										if(clientArray[i]==null||clientArray[i]==""){
											
											$("#message").text("委托人不能为空");
											return;
											}
											}
													for ( var i = 0; i < length; i++) {
										if(contrayClientArray[i]==null||contrayClientArray[i]==""){
											
											$("#message").text("对方委托人不能为空");
											return;
											}
											}
											
									
											$
													.ajax({
														type : "POST",
														url : "collisionDetection.action", //把表单数据发送到ajax.jsp
														traditional : true,
														
														data : {
															"client" : clientArray,
															"contrayClient" : contrayClientArray,
															"clientType" : clientTypeArray,
															"contrayClientType" : contrayClientTypeArray
														},
														async : false,
														error : function(
																request) {
															alert("发送请求失败！");
														},
														success : function(data) {
																var s =document.getElementById("content").innerHTML;
																//alert(data);
																if(s!=null&&s.length>30)
																$("#content").html("<font size='5'id='message'></font>");
																var clientLength = $("#message").length;
															
																$("#message").eq(clientLength-1).after(data);															
				
																if(data.charAt(18)=="H"){
																$("#nextstep").removeClass('disabled');
																}
																else if(data.charAt(18)=="h"){
																$("#nextstep").addClass('disabled');
																}
															
														}
										
													});
							
										});
						var client ='<div class="form-group ant_client" ><label for="client" class="col-sm-2 control-label"> </label>'+
													'<div class="col-sm-7">'+
														'<input type="text" class="form-control" name="client" maxlength="20">'+
													'</div>'+
													'<div class="col-sm-2">'+
														'<select name="clientType" class="form-control">'+
															'<option value=0>单位</option>'+
															'<option value=1>个人</option>'+
														'</select>'+
													'</div>'+
													'<div class="col-sm-1">'+
														'<a class="deleteClient btn btn-primary"><i class="fa fa-minus"></i></a>'+
													'</div></div>';
										
										$(".addClient").click(function() {
											var clientLength = $(".ant_client").length;
											$(".ant_client").eq(clientLength-1).after(client);
//				                            $(".client").attr("rowspan",""+(clientLength+1));
				                            $(".deleteClient").unbind();
				                            getclient();
				                            $(".deleteClient").each(function (index) {
				                                $(this).click(function(){
				                                    var clientLength = $(".ant_client").length;
//				                                    $(".client").attr("rowspan",""+(clientLength-1));
				                                    $(this).parent().parent().remove();
				                                    getclient();
				                                });
				                            });
										});
				                        var contrayClient='<div class="form-group ant_clientC">'+
													'<label for="contrayClient" class="col-sm-2 control-label">&nbsp;</label>'+
													'<div class="col-sm-7">'+
														'<input type="text" class="form-control"  name="contrayClient" >'+
													'</div>'+
													'<div class="col-sm-2">'+
														'<select name="contrayClientType" class="form-control">'+
															'<option value=0>单位</option>'+
															'<option value=1>个人</option>'+
														'</select>'+
													'</div>'+
													'<div class="col-sm-1">'+
														'<a  class="deleteContrayClient btn btn-primary" value="+"><i class="fa fa-minus"></i></a>'+
													'</div>'+
												'</div>';
//				                        <tr class="trContrayClient"><td><input type="text"name="contrayClient"maxlength="20"><select name="contrayClientType"><option value=0>单位</option><option value=1>个人</option></select><input type="button" class="deleteContrayClient" value="-"></td></tr>';
				                        $(".addContrayClient").click(function() {
				                            var contrayClientLength = $(".ant_clientC").length;
				                            $(".ant_clientC").eq(contrayClientLength-1).after(contrayClient);
//				                            $(".contrayClient").attr("rowspan",""+(contrayClientLength+1));
				                            $(".deleteContrayClient").unbind();
				                            getcontrayClient();
				                            $(".deleteContrayClient").each(function (index) {
				                                $(this).click(function(){
				                                    var contrayClientLength = $(".ant_clientC").length;
//				                                    $(".contrayClient").attr("rowspan",""+(contrayClientLength-1));
				                                    $(this).parent().parent().remove();
				                                    getcontrayClient();
				                                });
				                            });
				
				                        });
				
									});
</script>

			</html>